<script setup lang="ts">
import logo from "@/assets/images/logo.png";
import { useAppStore } from "@/store";

const router = useRouter();
const appStore = useAppStore();

const name = import.meta.env.VITE_APP_NAME;
</script>

<template>
  <div
    class="h-60px text-xl flex-center cursor-pointer gap-2 p-x-2"
    @click="router.push('/')"
  >
    <n-image :width="100" :src="logo" />
    <span
      v-show="!appStore.collapsed"
      class="text-ellipsis overflow-hidden whitespace-nowrap"
      >{{ name }}</span
    >
  </div>
</template>

<style scoped></style>
